<div class="page-group">
	<div id="page-master" class="page">
		<header class="bar bar-nav">
			<h1 class='title'>菜谱详情</h1>
			<a class="button button-link button-nav pull-left back"> <span
				class="icon icon-left"></span> 返回
			</a>
		</header>
		<div class="content hidden" style="padding-bottom:4em;">
			<div class="">
				<img class="whole-img" :src="one.img_path">
			</div>
			<div class="content-block">
				<div class="">{{one.title}}</div>
				<div class="ulev-1 ub">
					<div class="ub-f1">{{one.from_addr}}</div>
					<div class="">{{one.type_name}}</div>
				</div>
			</div>
			<div class="content-block-title">简介</div>
			<div class="card">
				<div class="card-content">
					<div class="card-content-inner">{{one.summary}}</div>
				</div>
			</div>

			<div class="content-block-title">用料</div>
			<div class="card">
				<div class="card-content">
					<div class="list-block ulev-1">
						<ul>
							<li class="item-content" v-for="x in meterials">

								<div class="item-inner">
									<div class="item-title color-item-title">{{x.material_name}}</div>
									<div class="item-after">{{x.material_weight}}</div>
								</div>
							</li>

						</ul>
					</div>
				</div>
			</div>

			<div class="content-block-title">制作方法</div>
			<div class="card">
				<div class="card-content">
					<div class="list-block">
						<ul>
							<li class="ub" v-for="x in methods">
								<div class="item-num">{{x.step_num}}</div>
								<div class="item-inner" style="line-height:2em;">
									{{x.step_content}}</div>
							</li>


						</ul>
					</div>
				</div>
			</div>

			<div class="content-block-title">小贴士</div>
			<div class="card">
				<div class="card-content">
					<div class="list-block">
						<ul>
							<li class="ub" v-for="x in tips">
								<div class="item-num">{{x_index+1}}</div>
								<div class="item-inner" style="line-height:2em;">
									{{x.content}}</div>
							</li>
						</ul>
					</div>
				</div>
			</div>

		</div>

	</div>
	<script type="text/javascript">
		
	</script>
</div>



